
// 引入图鸟UI公共Color
@import '@/static/css/theme.scss';
@import '@/static/css/main.scss';
@import '@/static/css/color.scss';
/***边距大小**/
$paMaSize:(1,2,3,4,5,6,7,8,10,12,13,14,15,16,18,20,22,24,25,26,28,30,32,36,38,40,48,55,65,70,80,100,120);
$dir:(t:top,r:right,b:bottom,l:left);
@each $size in $paMaSize{
	.pa-#{$size}{
		padding: 2*$size+rpx;
	}
	.ma-#{$size}{
		margin: 2*$size+rpx;
	}
	.plr-#{$size}{
		padding-left: 2*$size+rpx;
		padding-right: 2*$size+rpx;
	}
	.ptb-#{$size}{
		padding-top: 2*$size+rpx;
		padding-bottom: 2*$size+rpx;
	}
	.mlr-#{$size}{
		margin-left: 2*$size+rpx;
		margin-right: 2*$size+rpx;
	}
	.mtb-#{$size}{
		margin-top: 2*$size+rpx;
		margin-bottom: 2*$size+rpx;
	}
	@each $dir,$name in $dir {
	    .p#{$dir}-#{$size}{
	      padding-#{$name}: 2*$size+rpx;
	    }
	    .m#{$dir}-#{$size}{
	      margin-#{$name}: 2*$size+rpx;
	    }
	}
	.gap-#{$size}{
		gap: 2*$size+rpx;
	}
}

/***字体加粗**/
$fontWeight:(600,550,500,400,bold);
@each $val in $fontWeight {
  .font-w-#{$val}{
    font-weight:$val;
  }
}

/***字体大小**/
$fontSize:(0,36,32,33,30,28,24,22,20,19,18,17,16,14,12,10,8,26,31,40,8,21,11);
@each $val in $fontSize {
  .font-size-#{$val}{
    font-size:$val*2+rpx;
  }
  .l-size-#{$val}{
    font-size:$val*2+rpx!important;
  }
}


/***flex布局相关****/
.flex{
	display: flex;
}

.flex-w{
	flex-wrap: wrap;
}

.flex-dir-col{
	flex-direction: column;
}

.flex-js-center{
	justify-content: center;
}

.flex-center{
	display: flex;
	@extend .flex-js-center,.flex-ai-center;
}

.flex-center-sb{
	display: flex;
	@extend .flex-js-sb,.flex-ai-center;
}

.flex-js-sb{
	justify-content: space-between;
}

.flex-js-end{
	justify-content: flex-end;
}

.flex-js-sa{
	justify-content:space-around;
}

.flex-ai-center{
	align-items: center;
}

.flex-ai-end{
	align-items: flex-end;
}

.flex-ai-start{
	align-items: flex-start;
}

.flex-1{
	flex-grow: 1;
}

/***字体**/
.text-overflow{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.text-overflow-2{
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}


/***圆角大小**/
$rSize:(20,18,16,12,24,4,8,2,32);
@each $val in $rSize {
  .br-#{$val}{
    border-radius:$val*2+rpx;
  }
  .br-lt-#{$val}{
	  border-radius:$val*2+rpx 0 0 0;
  }
  .br-rt-#{$val}{
  	  border-radius:0 $val*2+rpx 0 0;
  }

  .br-rb-#{$val}{
  	  border-radius:0  0 $val*2+rpx 0;
  }

  .br-lb-#{$val}{
  	  border-radius:0  0  0 $val*2+rpx;
  }
  .br-t-#{$val}{
	   border-radius:$val*2+rpx $val*2+rpx 0 0;
  }
  .br-b-#{$val}{
  	   border-radius: 0 0 $val*2+rpx $val*2+rpx;
  }

  .br-l-#{$val}{
  	   border-radius: $val*2+rpx 0 0 $val*2+rpx;
  }

  .br-r-#{$val}{
	   border-radius:0 $val*2+rpx $val*2+rpx 0;
  }

}


/**
 * black 主要
 * white 白色
 * convention 常规
 * minor 次要
 * describe 描述
 * describe2 描述2
 */
$color:(
dark:#232744,
pageBg:#F7F8FB,
light:#E2EBFF,
white:#ffffff,
c999:#999999,
a6a9cb:#a6a9cb,
c372850:#372850,
c070044:#070044,
c7545DE:#7545DE,
c386AF7:#386AF7,
cDB6525:#DB6525,
c191919:#191919,
c666:#666,
ce99d42:#e99d42
);
@each $key,$val in $color {
  .font-color-#{$key}{
	color:$val;
  }
  .bg-color-#{$key}{
	background-color:$val;
  }
  .border-color-#{$key}{
	border:1px solid $val;
  }
}
.radius-50{
	border-radius: 50%;
}

.text-left{
	text-align: left;
}
.text-center{
	text-align: center;
}
.text-right{
	text-align: right;
}
.refish {
  transition: 1s;
  transform: rotate(720deg);
  animation: rotateAnimation 1s ease infinite;
}

.is-animation{
  animation: btnAnimation 2s ease infinite;
}
@keyframes rotateAnimation {
	0% {
	  scale: 1;
	}
	25% {
	  scale: 1.1;
	}
	50% {
	  scale: 1.0;
	}
	75% {
	  scale: 1.1;
	}
	100% {
	  scale: 1;
	}
}
@keyframes btnAnimation {
0% {
  scale: 0.8;
}
12% {
  scale: 0.85;
}
25% {
  scale: 0.9;
}
37% {
  scale: 0.95;
}
50% {
  scale: 1;
}
62% {
  scale: 0.95;
}
75% {
  scale: 0.9;
}
82% {
  scale: 0.85;
}
100% {
  scale: 0.8;
}
}
